<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  
  <title>viewpager广告轮播 | 不忘初心</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="基于ViewPager做一个广告轮播图">
<meta property="og:type" content="article">
<meta property="og:title" content="viewpager广告轮播">
<meta property="og:url" content="http://example.com/2017/07/04/Viewpager/ViewPager--viewpager%E5%B9%BF%E5%91%8A%E8%BD%AE%E6%92%AD/index.html">
<meta property="og:site_name" content="不忘初心">
<meta property="og:description" content="基于ViewPager做一个广告轮播图">
<meta property="og:locale" content="en_US">
<meta property="og:image" content="http://images.wxyass.com/wxyass/images/20170704141513.png">
<meta property="article:published_time" content="2017-07-04T05:53:09.000Z">
<meta property="article:modified_time" content="2017-09-29T07:38:10.000Z">
<meta property="article:author" content="wxyass">
<meta property="article:tag" content="ViewPager">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="http://images.wxyass.com/wxyass/images/20170704141513.png">
  
    <link rel="alternate" href="/atom.xml" title="不忘初心" type="application/atom+xml">
  
  
    <link rel="shortcut icon" href="/favicon.png">
  
  
    
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/typeface-source-code-pro@0.0.71/index.min.css">

  
  
<link rel="stylesheet" href="/css/style.css">

  
    
<link rel="stylesheet" href="/fancybox/jquery.fancybox.min.css">

  
<meta name="generator" content="Hexo 5.4.0"></head>

<body>
  <div id="container">
    <div id="wrap">
      <header id="header">
  <div id="banner"></div>
  <div id="header-outer" class="outer">
    <div id="header-title" class="inner">
      <h1 id="logo-wrap">
        <a href="/" id="logo">不忘初心</a>
      </h1>
      
    </div>
    <div id="header-inner" class="inner">
      <nav id="main-nav">
        <a id="main-nav-toggle" class="nav-icon"></a>
        
          <a class="main-nav-link" href="/">Home</a>
        
          <a class="main-nav-link" href="/archives">Archives</a>
        
      </nav>
      <nav id="sub-nav">
        
          <a id="nav-rss-link" class="nav-icon" href="/atom.xml" title="RSS Feed"></a>
        
        <a id="nav-search-btn" class="nav-icon" title="Search"></a>
      </nav>
      <div id="search-form-wrap">
        <form action="//google.com/search" method="get" accept-charset="UTF-8" class="search-form"><input type="search" name="q" class="search-form-input" placeholder="Search"><button type="submit" class="search-form-submit">&#xF002;</button><input type="hidden" name="sitesearch" value="http://example.com"></form>
      </div>
    </div>
  </div>
</header>

      <div class="outer">
        <section id="main"><article id="post-Viewpager/ViewPager--viewpager广告轮播" class="h-entry article article-type-post" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
  <div class="article-meta">
    <a href="/2017/07/04/Viewpager/ViewPager--viewpager%E5%B9%BF%E5%91%8A%E8%BD%AE%E6%92%AD/" class="article-date">
  <time class="dt-published" datetime="2017-07-04T05:53:09.000Z" itemprop="datePublished">2017-07-04</time>
</a>
    
  <div class="article-category">
    <a class="article-category-link" href="/categories/ViewPager/">ViewPager</a>
  </div>

  </div>
  <div class="article-inner">
    
    
      <header class="article-header">
        
  
    <h1 class="p-name article-title" itemprop="headline name">
      viewpager广告轮播
    </h1>
  

      </header>
    
    <div class="e-content article-entry" itemprop="articleBody">
      
        <p>基于ViewPager做一个广告轮播图  </p>
<span id="more"></span>  

<h4 id="一-初步搭起viewpager轮播"><a href="#一-初步搭起viewpager轮播" class="headerlink" title="一 初步搭起viewpager轮播"></a>一 初步搭起viewpager轮播</h4><h5 id="1-1-在activity-main-xml中放置viewpager控件"><a href="#1-1-在activity-main-xml中放置viewpager控件" class="headerlink" title="1.1 在activity_main.xml中放置viewpager控件"></a>1.1 在activity_main.xml中放置viewpager控件</h5><pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;FrameLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
             xmlns:tools=&quot;http://schemas.android.com/tools&quot;
             android:layout_width=&quot;match_parent&quot;
             android:layout_height=&quot;match_parent&quot;
             android:orientation=&quot;vertical&quot;
             tools:context=&quot;.MainActivity&quot;&gt;

    &lt;android.support.v4.view.ViewPager
        android:id=&quot;@+id/viewpager&quot;
        android:layout_width=&quot;match_parent&quot;
        android:layout_height=&quot;320dp&quot;/&gt;

&lt;/FrameLayout&gt;
</code></pre>
<h5 id="1-2-代码中准备数据"><a href="#1-2-代码中准备数据" class="headerlink" title="1.2 代码中准备数据"></a>1.2 代码中准备数据</h5><pre><code>private int[] mImages = &#123;
        R.drawable.img1,
        R.drawable.img2,
        R.drawable.img3,
        R.drawable.img4,
        R.drawable.img5
&#125;;
</code></pre>
<h5 id="1-3-设置适配器"><a href="#1-3-设置适配器" class="headerlink" title="1.3 设置适配器"></a>1.3 设置适配器</h5><pre><code>import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

/**
 * Created by wxyass
 */

public class BannerAdapter extends PagerAdapter&#123;

    private LayoutInflater mInflater;
    private int[] mImages;

    public BannerAdapter(Context context,int[] mImagesi) &#123;
        mInflater = LayoutInflater.from(context);
        mImages = mImagesi;
    &#125;


    // 个数
    @Override
    public int getCount() &#123;
        return mImages.length;
    &#125;

    /**
     * 判断是否可以复用条目
     */
    @Override
    public boolean isViewFromObject(View view, Object object) &#123;
        return view == object;
    &#125;

    /**
     * 初始化条目
     */
    @Override
    public Object instantiateItem(ViewGroup container, int position) &#123;

        // 条目布局
        View view = mInflater.inflate(R.layout.item, container, false);
        ImageView imageView = (ImageView) view.findViewById(R.id.image);
        imageView.setImageResource(mImages[position]);

        // 将图片控件添加到容器
        container.addView(view);

        // 返回
        return view;
    &#125;

    /**
     * 销毁条目
     */
    @Override
    public void destroyItem(ViewGroup container, int position, Object object) &#123;
        container.removeView((View) object);
    &#125;
&#125;
</code></pre>
<h5 id="1-4-附上viewpager的adapter条目的布局"><a href="#1-4-附上viewpager的adapter条目的布局" class="headerlink" title="1.4  附上viewpager的adapter条目的布局"></a>1.4  附上viewpager的adapter条目的布局</h5><pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;LinearLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
    android:layout_width=&quot;match_parent&quot;
    android:layout_height=&quot;match_parent&quot;
    android:background=&quot;#b0b0b0&quot;&gt;

    &lt;ImageView
        android:layout_width=&quot;match_parent&quot;
        android:layout_height=&quot;match_parent&quot;
        android:scaleType=&quot;centerCrop&quot;
        android:id=&quot;@+id/image&quot; /&gt;
&lt;/LinearLayout&gt;
</code></pre>
<h5 id="1-5-代码中调用适配器"><a href="#1-5-代码中调用适配器" class="headerlink" title="1.5 代码中调用适配器"></a>1.5 代码中调用适配器</h5><pre><code>import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity &#123;

    private ViewPager mBanner;

    // 图片资源
    private int[] mImages = &#123;
            R.drawable.img1,
            R.drawable.img2,
            R.drawable.img3,
            R.drawable.img4,
            R.drawable.img5
    &#125;;

    BannerAdapter mBannerAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) &#123;
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mBanner = (ViewPager) findViewById(R.id.viewpager);

        // 调用适配器
        mBannerAdapter = new BannerAdapter(this,mImages);
        mBanner.setAdapter(mBannerAdapter);
    &#125;

&#125;
</code></pre>
<h4 id="二-添加底部小圆点"><a href="#二-添加底部小圆点" class="headerlink" title="二 添加底部小圆点"></a>二 添加底部小圆点</h4><h5 id="2-1-修改activity-main-xml布局"><a href="#2-1-修改activity-main-xml布局" class="headerlink" title="2.1 修改activity_main.xml布局"></a>2.1 修改activity_main.xml布局</h5><pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;RelativeLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
                xmlns:tools=&quot;http://schemas.android.com/tools&quot;
                android:layout_width=&quot;match_parent&quot;
                android:layout_height=&quot;match_parent&quot;
                tools:context=&quot;.MainActivity&quot;&gt;

    &lt;android.support.v4.view.ViewPager
        android:id=&quot;@+id/viewpager&quot;
        android:layout_width=&quot;match_parent&quot;
        android:layout_height=&quot;320dp&quot;/&gt;

    &lt;LinearLayout
        android:layout_width=&quot;match_parent&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:layout_alignBottom=&quot;@id/viewpager&quot;
        android:background=&quot;#66000000&quot;
        android:gravity=&quot;center_horizontal&quot;
        android:orientation=&quot;vertical&quot;
        android:padding=&quot;5dp&quot;&gt;

        &lt;TextView
            android:id=&quot;@+id/tv_image_description&quot;
            android:layout_width=&quot;wrap_content&quot;
            android:layout_height=&quot;wrap_content&quot;
            android:singleLine=&quot;true&quot;
            android:text=&quot;图片描述&quot;
            android:textColor=&quot;#FFFFFF&quot;
            android:textSize=&quot;16sp&quot;/&gt;

        &lt;LinearLayout
            android:id=&quot;@+id/pointgroup&quot;
            android:layout_width=&quot;wrap_content&quot;
            android:layout_height=&quot;wrap_content&quot;
            android:layout_alignParentBottom=&quot;true&quot;
            android:layout_centerHorizontal=&quot;true&quot;
            android:layout_marginBottom=&quot;3dp&quot;
            android:orientation=&quot;horizontal&quot;/&gt;

    &lt;/LinearLayout&gt;

&lt;/RelativeLayout&gt;
</code></pre>
<h5 id="2-2-制作小圆点颜色选择器"><a href="#2-2-制作小圆点颜色选择器" class="headerlink" title="2.2 制作小圆点颜色选择器"></a>2.2 制作小圆点颜色选择器</h5><pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;selector xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;&gt;
    &lt;item android:drawable=&quot;@drawable/shape_bg_point_enable&quot; android:state_enabled=&quot;true&quot;/&gt;
    &lt;item android:drawable=&quot;@drawable/shape_bg_point_disable&quot; android:state_enabled=&quot;false&quot;/&gt;
&lt;/selector&gt;

&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;shape xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
    android:shape=&quot;oval&quot; &gt;
    &lt;corners android:radius=&quot;5dp&quot; /&gt;
    &lt;solid android:color=&quot;@android:color/darker_gray&quot; /&gt;
&lt;/shape&gt;

&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;shape xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
    android:shape=&quot;oval&quot; &gt;
    &lt;corners android:radius=&quot;5dp&quot; /&gt;
    &lt;solid android:color=&quot;#FFFFFF&quot; /&gt;
&lt;/shape&gt;
</code></pre>
<p><img src="http://images.wxyass.com/wxyass/images/20170704141513.png">  </p>
<h5 id="2-3-将小圆点添加到LinearLayout容器中"><a href="#2-3-将小圆点添加到LinearLayout容器中" class="headerlink" title="2.3 将小圆点添加到LinearLayout容器中"></a>2.3 将小圆点添加到LinearLayout容器中</h5><pre><code>// 将小圆点添加到LinearLayout容器中
private void initPointGroup() &#123;

    pointGroup = (LinearLayout) findViewById(R.id.pointgroup);

    for (int i = 0; i &lt; mImages.length; i++) &#123;
        // 制作底部小圆点
        ImageView pointImage = new ImageView(this);
        pointImage.setImageResource(R.drawable.selector_bg_point);

        // 设置小圆点的布局参数
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(5, 5);

        if (i &gt; 0) &#123;
            params.leftMargin = 10;
            pointImage.setEnabled(false);
        &#125; else &#123;
            // 第一个点,点亮
            pointImage.setEnabled(true);
        &#125;
        pointImage.setLayoutParams(params);
        // 添加到容器里
        pointGroup.addView(pointImage);
    &#125;
&#125;
</code></pre>
<h5 id="2-4-设置小圆点随着ViewPager切换移动"><a href="#2-4-设置小圆点随着ViewPager切换移动" class="headerlink" title="2.4 设置小圆点随着ViewPager切换移动"></a>2.4 设置小圆点随着ViewPager切换移动</h5><pre><code>// 设置小圆点随着ViewPager切换移动
private void setListen() &#123;

    // 对ViewPager设置滑动监听
    mBanner.setOnPageChangeListener(new ViewPager.OnPageChangeListener() &#123;

        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) &#123;

        &#125;

        int lastPosition;

        @Override
        public void onPageSelected(int position) &#123;

            // 设置图片描述  (也可以在viewpager的条目adapter中设置图片描述)
            tv_image_description.setText(imageDescriptionArrays[position]);

            // 设置前一页不选中
            pointGroup.getChildAt(lastPosition).setEnabled(false);

            // 设置当前页面选中
            pointGroup.getChildAt(position).setEnabled(true);

            // 替换位置
            lastPosition = position;
        &#125;

        @Override
        public void onPageScrollStateChanged(int state) &#123;

        &#125;
    &#125;);
&#125;
</code></pre>
<h5 id="2-5-在代码onCreate中调用"><a href="#2-5-在代码onCreate中调用" class="headerlink" title="2.5 在代码onCreate中调用"></a>2.5 在代码onCreate中调用</h5><pre><code>import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity &#123;

    private ViewPager mBanner;

    private int[] mImages = &#123;
            R.drawable.img1,
            R.drawable.img2,
            R.drawable.img3,
            R.drawable.img4,
            R.drawable.img5
    &#125;;

    private String[] imageDescriptionArrays = new String[]&#123;
            &quot;第一张图片的描述&quot;,
            &quot;第2张图片的描述&quot;,
            &quot;第3张图片的描述&quot;,
            &quot;第4张图片的描述&quot;,
            &quot;第5张图片的描述&quot;,
    &#125;;

    BannerAdapter mBannerAdapter;
    LinearLayout pointGroup;
    TextView tv_image_description;

    @Override
    protected void onCreate(Bundle savedInstanceState) &#123;
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mBanner = (ViewPager) findViewById(R.id.viewpager);
        tv_image_description = (TextView) findViewById(R.id.tv_image_description);

        // 默认显示第一张图片描述
        tv_image_description.setText(imageDescriptionArrays[0]);

        // 调用适配器
        mBannerAdapter = new BannerAdapter(this, mImages);
        mBanner.setAdapter(mBannerAdapter);

        // 将小圆点添加到LinearLayout容器中
        initPointGroup();

        // 设置小圆点随着ViewPager切换移动
        setListen();
    &#125;

    // 设置小圆点随着ViewPager切换移动
    private void setListen() &#123;

        // 对ViewPager设置滑动监听
        mBanner.setOnPageChangeListener(new ViewPager.OnPageChangeListener() &#123;

            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) &#123;

            &#125;

            int lastPosition;

            @Override
            public void onPageSelected(int position) &#123;

                // 设置图片描述  (也可以在viewpager的条目adapter中设置图片描述)
                tv_image_description.setText(imageDescriptionArrays[position]);

                // 设置前一页不选中
                pointGroup.getChildAt(lastPosition).setEnabled(false);

                // 设置当前页面选中
                pointGroup.getChildAt(position).setEnabled(true);

                // 替换位置
                lastPosition = position;
            &#125;

            @Override
            public void onPageScrollStateChanged(int state) &#123;

            &#125;
        &#125;);
    &#125;

    // 将小圆点添加到LinearLayout容器中
    private void initPointGroup() &#123;

        pointGroup = (LinearLayout) findViewById(R.id.pointgroup);

        for (int i = 0; i &lt; mImages.length; i++) &#123;
            // 制作底部小圆点
            ImageView pointImage = new ImageView(this);
            pointImage.setImageResource(R.drawable.selector_bg_point);

            // 设置小圆点的布局参数
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(5, 5);

            if (i &gt; 0) &#123;
                params.leftMargin = 10;
                pointImage.setEnabled(false);
            &#125; else &#123;
                // 第一个点,点亮
                pointImage.setEnabled(true);
            &#125;
            pointImage.setLayoutParams(params);
            // 添加到容器里
            pointGroup.addView(pointImage);
        &#125;
    &#125;
&#125;  
</code></pre>
<h4 id="三-无限滑动的ViewPager"><a href="#三-无限滑动的ViewPager" class="headerlink" title="三  无限滑动的ViewPager"></a>三  无限滑动的ViewPager</h4><h5 id="3-1-修改viewpager的adapter中的getCount-和instantiateItem"><a href="#3-1-修改viewpager的adapter中的getCount-和instantiateItem" class="headerlink" title="3.1 修改viewpager的adapter中的getCount()和instantiateItem()"></a>3.1 修改viewpager的adapter中的getCount()和instantiateItem()</h5><pre><code>import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

/**
 * Created by wxyass
 */

public class BannerAdapter extends PagerAdapter&#123;

    private LayoutInflater mInflater;
    private int[] mImages;
    private int mSize;

    public BannerAdapter(Context context,int[] mImagesi) &#123;
        mInflater = LayoutInflater.from(context);
        mImages = mImagesi;
        mSize = mImagesi.length;
    &#125;


    // 个数
    @Override
    public int getCount() &#123;
        return Short.MAX_VALUE;
    &#125;

    /**
     * 判断是否可以复用条目
     */
    @Override
    public boolean isViewFromObject(View view, Object object) &#123;
        return view == object;
    &#125;

    /**
     * 初始化条目
     */
    @Override
    public Object instantiateItem(ViewGroup container, int position) &#123;

        int newPosition = position % mSize;

        // 条目布局
        View view = mInflater.inflate(R.layout.item, container, false);
        ImageView imageView = (ImageView) view.findViewById(R.id.image);
        imageView.setImageResource(mImages[newPosition]);

        // 将图片控件添加到容器
        container.addView(view);

        // 返回
        return view;
    &#125;

    /**
     * 销毁条目
     */
    @Override
    public void destroyItem(ViewGroup container, int position, Object object) &#123;
        container.removeView((View) object);
    &#125;
&#125;
</code></pre>
<h5 id="3-2-修改viewpager滑动监听OnPageChangeListener中的onPageSelected"><a href="#3-2-修改viewpager滑动监听OnPageChangeListener中的onPageSelected" class="headerlink" title="3.2 修改viewpager滑动监听OnPageChangeListener中的onPageSelected"></a>3.2 修改viewpager滑动监听OnPageChangeListener中的onPageSelected</h5><pre><code>// 设置小圆点随着ViewPager切换移动
private void setListen() &#123;

    // 对ViewPager设置滑动监听
    mBanner.setOnPageChangeListener(new ViewPager.OnPageChangeListener() &#123;

        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) &#123;

        &#125;

        int lastPosition;

        @Override
        public void onPageSelected(int position) &#123;

            int newPosition = position % mImages.length;

            // 设置图片描述  (也可以在viewpager的条目adapter中设置图片描述)
            tv_image_description.setText(imageDescriptionArrays[newPosition]);

            // 设置前一页不选中
            pointGroup.getChildAt(lastPosition).setEnabled(false);

            // 设置当前页面选中
            pointGroup.getChildAt(newPosition).setEnabled(true);

            // 替换位置
            lastPosition = newPosition;
        &#125;

        @Override
        public void onPageScrollStateChanged(int state) &#123;

        &#125;
    &#125;);
&#125;
</code></pre>
<h5 id="3-3-设置第一个条目从中间某个数开始"><a href="#3-3-设置第一个条目从中间某个数开始" class="headerlink" title="3.3 设置第一个条目从中间某个数开始"></a>3.3 设置第一个条目从中间某个数开始</h5><pre><code>@Override
protected void onCreate(Bundle savedInstanceState) &#123;
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mBanner = (ViewPager) findViewById(viewpager);
    tv_image_description = (TextView) findViewById(R.id.tv_image_description);

    // 默认显示第一张图片描述
    tv_image_description.setText(imageDescriptionArrays[0]);

    // 调用适配器
    mBannerAdapter = new BannerAdapter(this, mImages);
    mBanner.setAdapter(mBannerAdapter);

    // 将小圆点添加到LinearLayout容器中
    initPointGroup();

    // 设置小圆点随着ViewPager切换移动
    setListen();

    // 设置从中间某个数开始, 左右都可以滑动
    int item = Short.MAX_VALUE/2 - ((Short.MAX_VALUE/2) % mImages.length);
    mBanner.setCurrentItem(item);
&#125;  
</code></pre>
<h5 id="3-4-无限滑动基本完成-附上MainActivity的代码"><a href="#3-4-无限滑动基本完成-附上MainActivity的代码" class="headerlink" title="3.4 无限滑动基本完成, 附上MainActivity的代码"></a>3.4 无限滑动基本完成, 附上MainActivity的代码</h5><pre><code>import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import static com.wxyass.tpbanner.R.id.viewpager;

public class MainActivity extends AppCompatActivity &#123;

    private ViewPager mBanner;

    private int[] mImages = &#123;
            R.drawable.img1,
            R.drawable.img2,
            R.drawable.img3,
            R.drawable.img4,
            R.drawable.img5
    &#125;;

    private String[] imageDescriptionArrays = new String[]&#123;
            &quot;第一张图片的描述&quot;,
            &quot;第2张图片的描述&quot;,
            &quot;第3张图片的描述&quot;,
            &quot;第4张图片的描述&quot;,
            &quot;第5张图片的描述&quot;,
    &#125;;

    BannerAdapter mBannerAdapter;
    LinearLayout pointGroup;
    TextView tv_image_description;

    @Override
    protected void onCreate(Bundle savedInstanceState) &#123;
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mBanner = (ViewPager) findViewById(viewpager);
        tv_image_description = (TextView) findViewById(R.id.tv_image_description);

        // 默认显示第一张图片描述
        tv_image_description.setText(imageDescriptionArrays[0]);

        // 调用适配器
        mBannerAdapter = new BannerAdapter(this, mImages);
        mBanner.setAdapter(mBannerAdapter);

        // 将小圆点添加到LinearLayout容器中
        initPointGroup();

        // 设置小圆点随着ViewPager切换移动
        setListen();

        // 设置从中间某个数开始, 左右都可以滑动
        int item = Short.MAX_VALUE/2 - ((Short.MAX_VALUE/2) % mImages.length);
        mBanner.setCurrentItem(item);
    &#125;

    // 设置小圆点随着ViewPager切换移动
    private void setListen() &#123;

        // 对ViewPager设置滑动监听
        mBanner.setOnPageChangeListener(new ViewPager.OnPageChangeListener() &#123;

            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) &#123;

            &#125;

            int lastPosition;

            @Override
            public void onPageSelected(int position) &#123;

                int newPosition = position % mImages.length;

                // 设置图片描述  (也可以在viewpager的条目adapter中设置图片描述)
                tv_image_description.setText(imageDescriptionArrays[newPosition]);

                // 设置前一页不选中
                pointGroup.getChildAt(lastPosition).setEnabled(false);

                // 设置当前页面选中
                pointGroup.getChildAt(newPosition).setEnabled(true);

                // 替换位置
                lastPosition = newPosition;
            &#125;

            @Override
            public void onPageScrollStateChanged(int state) &#123;

            &#125;
        &#125;);
    &#125;

    // 将小圆点添加到LinearLayout容器中
    private void initPointGroup() &#123;

        pointGroup = (LinearLayout) findViewById(R.id.pointgroup);

        for (int i = 0; i &lt; mImages.length; i++) &#123;
            // 制作底部小圆点
            ImageView pointImage = new ImageView(this);
            pointImage.setImageResource(R.drawable.selector_bg_point);

            // 设置小圆点的布局参数
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(5, 5);

            if (i &gt; 0) &#123;
                params.leftMargin = 10;
                pointImage.setEnabled(false);
            &#125; else &#123;
                // 第一个点,点亮
                pointImage.setEnabled(true);
            &#125;
            pointImage.setLayoutParams(params);
            // 添加到容器里
            pointGroup.addView(pointImage);
        &#125;
    &#125;
&#125; 
</code></pre>
<h4 id="四-实现无限自动轮播的广告图"><a href="#四-实现无限自动轮播的广告图" class="headerlink" title="四 实现无限自动轮播的广告图"></a>四 实现无限自动轮播的广告图</h4><p>自动循环有多种实现方式：  </p>
<p>1、开子线程 while  true 循环<br>2、用handler 发送延时信息，实现循环<br>3、定时器：Timer<br>4、ColckManager </p>
<h5 id="4-1-开子线程-while-true-循环"><a href="#4-1-开子线程-while-true-循环" class="headerlink" title="4.1  开子线程 while  true 循环"></a>4.1  开子线程 while  true 循环</h5><pre><code>private void setThreadAuto()&#123;
    new Thread()&#123;
        public void run() &#123;
            isRunning = true;
            while(isRunning)&#123;
                // 睡3秒
                SystemClock.sleep(3000);

                // 在主线程每次将ViewPager向右设置一次
                runOnUiThread(new Runnable() &#123;

                    @Override
                    public void run() &#123;
                        // System.out.println(&quot;设置了新的位置&quot;);
                        mBanner.setCurrentItem(mBanner.getCurrentItem() + 1);
                       Log.d(&quot;wxyass&quot;,(mBanner.getCurrentItem() + 1)+&quot;&quot;);
                    &#125;
                &#125;);
            &#125;
        &#125;;
    &#125;.start();
&#125;

/**
 * Activity生命周期结束时终止定时，否则可能一直进行下去
 */
@Override
protected void onDestroy() &#123;
    super.onDestroy();
    isRunning = false;
&#125;;  
</code></pre>
<h6 id="4-1-1-写好子线程-然后在onCreate总调用"><a href="#4-1-1-写好子线程-然后在onCreate总调用" class="headerlink" title="4.1.1 写好子线程,然后在onCreate总调用"></a>4.1.1 写好子线程,然后在onCreate总调用</h6><pre><code>@Override
protected void onCreate(Bundle savedInstanceState) &#123;
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mBanner = (ViewPager) findViewById(viewpager);
    tv_image_description = (TextView) findViewById(R.id.tv_image_description);

    // 默认显示第一张图片描述
    tv_image_description.setText(imageDescriptionArrays[0]);

    // 调用适配器
    mBannerAdapter = new BannerAdapter(this, mImages);
    mBanner.setAdapter(mBannerAdapter);

    // 将小圆点添加到LinearLayout容器中
    initPointGroup();

    // 设置小圆点随着ViewPager切换移动
    setListen();

    // 设置从中间某个数开始, 左右都可以滑动
    int item = Short.MAX_VALUE/2 - ((Short.MAX_VALUE/2) % mImages.length);
    mBanner.setCurrentItem(item);

    // 设置子线程自动轮播
    setThreadAuto();
&#125;
</code></pre>
<h5 id="4-2-用handler-发送延时信息，实现循环"><a href="#4-2-用handler-发送延时信息，实现循环" class="headerlink" title="4.2 用handler 发送延时信息，实现循环"></a>4.2 用handler 发送延时信息，实现循环</h5><pre><code>/**
 * 自动滑动的Handler
 * 利用 Handler.sendEmptyMessageDelayed方法，实现定时滚动
 *
 */
private Handler handler = new Handler()&#123;
    public void handleMessage(android.os.Message msg) &#123;
        //让ViewPager滑到下一页
        mBanner.setCurrentItem(mBanner.getCurrentItem()+1);
        //延时，循环调用handler
        if(isRunning)&#123;
            handler.sendEmptyMessageDelayed(0, 2000);
            Log.d(&quot;wxyass&quot;,(mBanner.getCurrentItem() + 1)+&quot;&quot;);
        &#125;
    &#125;;
&#125;;

/**
 * Activity生命周期结束时终止定时，否则可能一直进行下去
 */
@Override
protected void onDestroy() &#123;
    super.onDestroy();
    isRunning = false;
&#125;; 
</code></pre>
<h6 id="4-2-1-写好Handle-然后在onCreate总调用"><a href="#4-2-1-写好Handle-然后在onCreate总调用" class="headerlink" title="4.2.1 写好Handle,然后在onCreate总调用"></a>4.2.1 写好Handle,然后在onCreate总调用</h6><pre><code>@Override
protected void onCreate(Bundle savedInstanceState) &#123;
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mBanner = (ViewPager) findViewById(R.id.viewpager);
    tv_image_description = (TextView) findViewById(R.id.tv_image_description);

    // 默认显示第一张图片描述, 后面会随着滑动改变描述
    tv_image_description.setText(imageDescriptionArrays[0]);

    // 调用适配器
    mBannerAdapter = new BannerAdapter(this, mImages);
    mBanner.setAdapter(mBannerAdapter);

    // 将小圆点添加到LinearLayout容器中
    initPointGroup();

    // 设置小圆点随着ViewPager切换移动
    setListen();

    // 设置从中间某个数开始, 左右都可以滑动
    int item = Short.MAX_VALUE/2 - ((Short.MAX_VALUE/2) % mImages.length);
    mBanner.setCurrentItem(item);

    // 设置子线程自动轮播
    //setThreadAuto();

    // 设置handle自动轮播
    isRunning = true;
    handler.sendEmptyMessageDelayed(0, 2000);
&#125;
</code></pre>
<h5 id="4-3-定时器：Timer"><a href="#4-3-定时器：Timer" class="headerlink" title="4.3 定时器：Timer"></a>4.3 定时器：Timer</h5><pre><code>private TimerTask mTimerTask = new TimerTask() &#123;
    @Override
    public void run() &#123;
        if (isRunning) &#123;
            // 在主线程每次将ViewPager向右设置一次
            runOnUiThread(new Runnable() &#123;
                @Override
                public void run() &#123;
                    // System.out.println(&quot;设置了新的位置&quot;);
                    mBanner.setCurrentItem(mBanner.getCurrentItem() + 1);
                    Log.d(&quot;wxyass&quot;, (mBanner.getCurrentItem() + 1) + &quot;&quot;);
                &#125;
            &#125;);
        &#125;
    &#125;
&#125;;

/**
 * Activity生命周期结束时终止定时，否则可能一直进行下去
 */
@Override
protected void onDestroy() &#123;
    super.onDestroy();
    isRunning = false;
    if(mTimer!=null)&#123;
        mTimer.cancel();
        mTimer = null;
    &#125;
    if(mTimerTask!=null)&#123;
        mTimerTask.cancel();
        mTimerTask = null;
    &#125;
&#125;;  
</code></pre>
<h6 id="4-3-1-写好Timer-然后在onCreate总调用"><a href="#4-3-1-写好Timer-然后在onCreate总调用" class="headerlink" title="4.3.1 写好Timer,然后在onCreate总调用"></a>4.3.1 写好Timer,然后在onCreate总调用</h6><pre><code>@Override
protected void onCreate(Bundle savedInstanceState) &#123;
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mBanner = (ViewPager) findViewById(R.id.viewpager);
    tv_image_description = (TextView) findViewById(R.id.tv_image_description);

    // 默认显示第一张图片描述, 后面会随着滑动改变描述
    tv_image_description.setText(imageDescriptionArrays[0]);

    // 调用适配器
    mBannerAdapter = new BannerAdapter(this, mImages);
    mBanner.setAdapter(mBannerAdapter);

    // 将小圆点添加到LinearLayout容器中
    initPointGroup();

    // 设置小圆点随着ViewPager切换移动
    setListen();

    // 设置从中间某个数开始, 左右都可以滑动
    int item = Short.MAX_VALUE / 2 - ((Short.MAX_VALUE / 2) % mImages.length);
    mBanner.setCurrentItem(item);

    // 设置子线程自动轮播
    //setThreadAuto();

    // 设置handle自动轮播
    /*isRunning = true;
    handler.sendEmptyMessageDelayed(0, 2000);*/

    // 设置定时器自动轮播
    isRunning = true;
    mTimer = new Timer();
    mTimer.schedule(mTimerTask, 2000, 5000);//在2秒后每5秒执行一次定时器中的方法
&#125;  
</code></pre>
<h4 id="五-设置触摸时不自动轮播"><a href="#五-设置触摸时不自动轮播" class="headerlink" title="五 设置触摸时不自动轮播"></a>五 设置触摸时不自动轮播</h4><h5 id="5-1-添加触摸监听-触摸时不自动轮播"><a href="#5-1-添加触摸监听-触摸时不自动轮播" class="headerlink" title="5.1 添加触摸监听,触摸时不自动轮播"></a>5.1 添加触摸监听,触摸时不自动轮播</h5><pre><code>// 设置触摸时不自动轮播
private void setTouchNoAuto() &#123;
    mBanner.setOnTouchListener(new View.OnTouchListener() &#123;
        @Override
        public boolean onTouch(View v, MotionEvent event) &#123;
            int action = event.getAction();
            if (action == MotionEvent.ACTION_DOWN|| action == MotionEvent.ACTION_MOVE) &#123;
                isRunning = false;
            &#125; else if (action == MotionEvent.ACTION_UP) &#123;
                isRunning = true;
            &#125;
            return false;
        &#125;
    &#125;);
&#125;
</code></pre>
<h5 id="5-2-在代码onCreate中调用"><a href="#5-2-在代码onCreate中调用" class="headerlink" title="5.2 在代码onCreate中调用"></a>5.2 在代码onCreate中调用</h5><pre><code>@Override
protected void onCreate(Bundle savedInstanceState) &#123;
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mBanner = (ViewPager) findViewById(R.id.viewpager);
    tv_image_description = (TextView) findViewById(R.id.tv_image_description);

    // 默认显示第一张图片描述, 后面会随着滑动改变描述
    tv_image_description.setText(imageDescriptionArrays[0]);

    // 调用适配器
    mBannerAdapter = new BannerAdapter(this, mImages);
    mBanner.setAdapter(mBannerAdapter);

    // 将小圆点添加到LinearLayout容器中
    initPointGroup();

    // 设置小圆点随着ViewPager切换移动
    setListen();

    // 设置从中间某个数开始, 左右都可以滑动
    int item = Short.MAX_VALUE / 2 - ((Short.MAX_VALUE / 2) % mImages.length);
    mBanner.setCurrentItem(item);

    // 设置子线程自动轮播
    //setThreadAuto();

    // 设置handle自动轮播
    /*isRunning = true;
    handler.sendEmptyMessageDelayed(0, 2000);*/

    // 设置定时器自动轮播
    isRunning = true;
    mTimer = new Timer();
    mTimer.schedule(mTimerTask, 2000, 5000);//在2秒后每5秒执行一次定时器中的方法

    // 设置触摸时不自动轮播
    setTouchNoAuto();
&#125;
</code></pre>
<h4 id="六-项目源码"><a href="#六-项目源码" class="headerlink" title="六 项目源码"></a>六 项目源码</h4><p>项目已经传到云端,有兴趣的可以下载看看.<br><a target="_blank" rel="noopener" href="http://oss.wxyass.com/wxyass/demo/TPbanner.rar">项目下载</a>     </p>

      
    </div>
    <footer class="article-footer">
      <a data-url="http://example.com/2017/07/04/Viewpager/ViewPager--viewpager%E5%B9%BF%E5%91%8A%E8%BD%AE%E6%92%AD/" data-id="ckvc340qc00485dfy72vvejov" data-title="viewpager广告轮播" class="article-share-link">Share</a>
      
      
      
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/ViewPager/" rel="tag">ViewPager</a></li></ul>

    </footer>
  </div>
  
    
<nav id="article-nav">
  
    <a href="/2017/07/05/%E5%9B%BE%E7%89%87%E5%A4%84%E7%90%86/%E5%9B%BE%E7%89%87%E5%A4%84%E7%90%86--%E5%BC%80%E6%BA%90%E6%A1%86%E6%9E%B6Universal-Image-Loader%E8%A7%A3%E6%9E%90/" id="article-nav-newer" class="article-nav-link-wrap">
      <strong class="article-nav-caption">Newer</strong>
      <div class="article-nav-title">
        
          开源框架Universal-Image-Loader解析
        
      </div>
    </a>
  
  
    <a href="/2017/06/28/Button/Button--%E7%BB%98%E5%88%B6%E5%9C%86%E8%A7%92Button/" id="article-nav-older" class="article-nav-link-wrap">
      <strong class="article-nav-caption">Older</strong>
      <div class="article-nav-title">绘制圆角Button</div>
    </a>
  
</nav>

  
</article>


</section>
        
          <aside id="sidebar">
  
    
  <div class="widget-wrap">
    <h3 class="widget-title">Categories</h3>
    <div class="widget">
      <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Activity/">Activity</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/Android-Studio%E4%BB%8B%E7%BB%8D/">Android Studio介绍</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/Android%E5%9F%BA%E7%A1%80/">Android基础</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/Android%E6%A8%A1%E6%9D%BF/">Android模板</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/BaseRecyclerViewAdapterHelper/">BaseRecyclerViewAdapterHelper</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/Bug%E9%97%AE%E9%A2%98/">Bug问题</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/Button/">Button</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/EditText/">EditText</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/Fragment/">Fragment</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/Gradle/">Gradle</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/ListView/">ListView</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/MD%E8%AF%AD%E6%B3%95/">MD语法</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/MyEclipse/">MyEclipse</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/OSS/">OSS</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/RecyclerView/">RecyclerView</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/SQL%E5%9F%BA%E7%A1%80/">SQL基础</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/UI%E6%8E%A7%E4%BB%B6/">UI控件</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/View/">View</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/ViewPager/">ViewPager</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/View%E7%AF%87/">View篇</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/as%E6%8A%A5%E9%94%99/">as报错</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/jar%E5%8C%85/">jar包</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/targetSdkVersion/">targetSdkVersion</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E4%B8%83%E7%89%9B%E4%BA%91/">七牛云</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E4%BA%8C%E7%BB%B4%E7%A0%81/">二维码</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%A0%E9%99%A4%E5%9B%BE%E7%89%87%E7%BC%93%E5%AD%98/">删除图片缓存</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%87%E7%BA%A7%E6%8A%A5%E9%94%99/">升级报错</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/">博客搭建</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8E%BB%E6%8E%89v7%E5%8C%85/">去掉v7包</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%9B%BE%E7%89%87%E5%A4%84%E7%90%86/">图片处理</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%A4%9A%E5%AA%92%E4%BD%93/">多媒体</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%AE%9A%E5%88%B6%E7%B1%BB/">定制类</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B0%8F%E7%B1%B3%E6%89%8B%E6%9C%BA/">小米手机</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E6%92%AD%E6%9C%BA%E5%88%B6/">广播机制</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%BE%AE%E5%8D%9A%E5%88%86%E4%BA%AB/">微博分享</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%89%93%E5%8C%85APK%E6%8A%A5%E9%94%99/">打包APK报错</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%8C%81%E4%B9%85%E5%8C%96%E5%AD%98%E5%82%A8/">持久化存储</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%97%B6%E9%97%B4%E9%80%89%E6%8B%A9DatePicker/">时间选择DatePicker</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%9C%8D%E5%8A%A1/">服务</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%9D%83%E9%99%90/">权限</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%9E%84%E5%BB%BA%E5%9F%BA%E7%B1%BB/">构建基类</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8B%E8%AF%95/">测试</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%9B%91%E5%90%AC%E9%94%81%E5%B1%8F/">监听锁屏</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%B3%BB%E7%BB%9F%E9%A1%B5%E9%9D%A2%E8%B7%B3%E8%BD%AC/">系统页面跳转</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%89%BA%E6%9C%AF%E6%8E%A2%E7%B4%A2/">艺术探索</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%AF%BB%E5%8F%96txt/">读取txt</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BE%93%E5%85%A5%E6%B3%95/">输入法</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8/">音乐播放器</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E9%BB%91%E9%A9%AC%E5%8D%AB%E5%A3%AB/">黑马卫士</a></li></ul>
    </div>
  </div>


  
    
  <div class="widget-wrap">
    <h3 class="widget-title">Tags</h3>
    <div class="widget">
      <ul class="tag-list" itemprop="keywords"><li class="tag-list-item"><a class="tag-list-link" href="/tags/Activity/" rel="tag">Activity</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Android-Studio/" rel="tag">Android Studio</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Android-Studio%E4%BB%8B%E7%BB%8D/" rel="tag">Android Studio介绍</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Android%E5%9F%BA%E7%A1%80/" rel="tag">Android基础</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Android%E6%A8%A1%E6%9D%BF/" rel="tag">Android模板</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/BaseRecyclerViewAdapterHelper/" rel="tag">BaseRecyclerViewAdapterHelper</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Bug%E9%97%AE%E9%A2%98/" rel="tag">Bug问题</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Button/" rel="tag">Button</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/EditText/" rel="tag">EditText</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Fragment/" rel="tag">Fragment</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Gradle/" rel="tag">Gradle</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/ListView/" rel="tag">ListView</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/MD%E8%AF%AD%E6%B3%95/" rel="tag">MD语法</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/MyEclipse/" rel="tag">MyEclipse</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/OSS/" rel="tag">OSS</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/RecyclerView/" rel="tag">RecyclerView</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/SQL%E5%9F%BA%E7%A1%80/" rel="tag">SQL基础</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/UI%E6%8E%A7%E4%BB%B6/" rel="tag">UI控件</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/View/" rel="tag">View</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/ViewPager/" rel="tag">ViewPager</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/View%E7%AF%87/" rel="tag">View篇</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/as%E6%8A%A5%E9%94%99/" rel="tag">as报错</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/jar%E5%8C%85/" rel="tag">jar包</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/targetSdkVersion/" rel="tag">targetSdkVersion</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E4%B8%83%E7%89%9B%E4%BA%91/" rel="tag">七牛云</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E5%8D%87%E7%BA%A7%E6%8A%A5%E9%94%99/" rel="tag">升级报错</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/" rel="tag">博客搭建</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E5%9B%BE%E7%89%87%E5%A4%84%E7%90%86/" rel="tag">图片处理</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E5%A4%9A%E5%AA%92%E4%BD%93/" rel="tag">多媒体</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E5%B7%A5%E4%BD%9C%E9%97%AE%E9%A2%98/" rel="tag">工作问题</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E5%B9%BF%E6%92%AD%E6%9C%BA%E5%88%B6/" rel="tag">广播机制</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E5%BA%94%E7%94%A8%E8%AF%A6%E6%83%85/" rel="tag">应用详情</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E5%BE%AE%E5%8D%9A%E5%88%86%E4%BA%AB/" rel="tag">微博分享</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E6%8C%81%E4%B9%85%E5%8C%96%E5%AD%98%E5%82%A8/" rel="tag">持久化存储</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E6%9C%8D%E5%8A%A1/" rel="tag">服务</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E6%9D%83%E9%99%90/" rel="tag">权限</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E6%9E%84%E5%BB%BA%E5%9F%BA%E7%B1%BB/" rel="tag">构建基类</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E7%94%9F%E6%B4%BB/" rel="tag">生活</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E7%BB%83%E6%89%8B/" rel="tag">练手</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E8%89%BA%E6%9C%AF%E6%8E%A2%E7%B4%A2/" rel="tag">艺术探索</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E8%BE%93%E5%85%A5%E6%B3%95/" rel="tag">输入法</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E9%AB%98%E7%BA%A7%E6%8A%80%E5%B7%A7/" rel="tag">高级技巧</a></li></ul>
    </div>
  </div>


  
    
  <div class="widget-wrap">
    <h3 class="widget-title">Tag Cloud</h3>
    <div class="widget tagcloud">
      <a href="/tags/Activity/" style="font-size: 12.5px;">Activity</a> <a href="/tags/Android-Studio/" style="font-size: 10px;">Android Studio</a> <a href="/tags/Android-Studio%E4%BB%8B%E7%BB%8D/" style="font-size: 12.5px;">Android Studio介绍</a> <a href="/tags/Android%E5%9F%BA%E7%A1%80/" style="font-size: 20px;">Android基础</a> <a href="/tags/Android%E6%A8%A1%E6%9D%BF/" style="font-size: 10px;">Android模板</a> <a href="/tags/BaseRecyclerViewAdapterHelper/" style="font-size: 10px;">BaseRecyclerViewAdapterHelper</a> <a href="/tags/Bug%E9%97%AE%E9%A2%98/" style="font-size: 10px;">Bug问题</a> <a href="/tags/Button/" style="font-size: 10px;">Button</a> <a href="/tags/EditText/" style="font-size: 10px;">EditText</a> <a href="/tags/Fragment/" style="font-size: 18.75px;">Fragment</a> <a href="/tags/Gradle/" style="font-size: 10px;">Gradle</a> <a href="/tags/ListView/" style="font-size: 17.5px;">ListView</a> <a href="/tags/MD%E8%AF%AD%E6%B3%95/" style="font-size: 11.25px;">MD语法</a> <a href="/tags/MyEclipse/" style="font-size: 13.75px;">MyEclipse</a> <a href="/tags/OSS/" style="font-size: 11.25px;">OSS</a> <a href="/tags/RecyclerView/" style="font-size: 12.5px;">RecyclerView</a> <a href="/tags/SQL%E5%9F%BA%E7%A1%80/" style="font-size: 10px;">SQL基础</a> <a href="/tags/UI%E6%8E%A7%E4%BB%B6/" style="font-size: 15px;">UI控件</a> <a href="/tags/View/" style="font-size: 10px;">View</a> <a href="/tags/ViewPager/" style="font-size: 10px;">ViewPager</a> <a href="/tags/View%E7%AF%87/" style="font-size: 10px;">View篇</a> <a href="/tags/as%E6%8A%A5%E9%94%99/" style="font-size: 10px;">as报错</a> <a href="/tags/jar%E5%8C%85/" style="font-size: 10px;">jar包</a> <a href="/tags/targetSdkVersion/" style="font-size: 10px;">targetSdkVersion</a> <a href="/tags/%E4%B8%83%E7%89%9B%E4%BA%91/" style="font-size: 10px;">七牛云</a> <a href="/tags/%E5%8D%87%E7%BA%A7%E6%8A%A5%E9%94%99/" style="font-size: 10px;">升级报错</a> <a href="/tags/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/" style="font-size: 12.5px;">博客搭建</a> <a href="/tags/%E5%9B%BE%E7%89%87%E5%A4%84%E7%90%86/" style="font-size: 15px;">图片处理</a> <a href="/tags/%E5%A4%9A%E5%AA%92%E4%BD%93/" style="font-size: 12.5px;">多媒体</a> <a href="/tags/%E5%B7%A5%E4%BD%9C%E9%97%AE%E9%A2%98/" style="font-size: 16.25px;">工作问题</a> <a href="/tags/%E5%B9%BF%E6%92%AD%E6%9C%BA%E5%88%B6/" style="font-size: 12.5px;">广播机制</a> <a href="/tags/%E5%BA%94%E7%94%A8%E8%AF%A6%E6%83%85/" style="font-size: 10px;">应用详情</a> <a href="/tags/%E5%BE%AE%E5%8D%9A%E5%88%86%E4%BA%AB/" style="font-size: 10px;">微博分享</a> <a href="/tags/%E6%8C%81%E4%B9%85%E5%8C%96%E5%AD%98%E5%82%A8/" style="font-size: 13.75px;">持久化存储</a> <a href="/tags/%E6%9C%8D%E5%8A%A1/" style="font-size: 12.5px;">服务</a> <a href="/tags/%E6%9D%83%E9%99%90/" style="font-size: 10px;">权限</a> <a href="/tags/%E6%9E%84%E5%BB%BA%E5%9F%BA%E7%B1%BB/" style="font-size: 10px;">构建基类</a> <a href="/tags/%E7%94%9F%E6%B4%BB/" style="font-size: 11.25px;">生活</a> <a href="/tags/%E7%BB%83%E6%89%8B/" style="font-size: 11.25px;">练手</a> <a href="/tags/%E8%89%BA%E6%9C%AF%E6%8E%A2%E7%B4%A2/" style="font-size: 10px;">艺术探索</a> <a href="/tags/%E8%BE%93%E5%85%A5%E6%B3%95/" style="font-size: 10px;">输入法</a> <a href="/tags/%E9%AB%98%E7%BA%A7%E6%8A%80%E5%B7%A7/" style="font-size: 11.25px;">高级技巧</a>
    </div>
  </div>

  
    
  <div class="widget-wrap">
    <h3 class="widget-title">Archives</h3>
    <div class="widget">
      <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/11/">November 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/10/">October 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/09/">September 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/08/">August 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/07/">July 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/06/">June 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/04/">April 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/03/">March 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/02/">February 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/09/">September 2016</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2014/10/">October 2014</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2014/04/">April 2014</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/01/">January 2013</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/05/">May 2012</a></li></ul>
    </div>
  </div>


  
    
  <div class="widget-wrap">
    <h3 class="widget-title">Recent Posts</h3>
    <div class="widget">
      <ul>
        
          <li>
            <a href="/2017/11/03/Android%20Studio/Github%E4%B8%8A%E6%8F%90%E4%BA%A4%E4%BB%A3%E7%A0%81/">Github上提交代码</a>
          </li>
        
          <li>
            <a href="/2017/10/31/RecyclerView/BaseRecyclerViewAdapterHelper%E5%BA%93%E7%9A%84%E5%9F%BA%E6%9C%AC%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95/">BaseRecyclerViewAdapterHelper库的基本使用方法</a>
          </li>
        
          <li>
            <a href="/2017/10/31/%E5%9B%BE%E7%89%87%E5%A4%84%E7%90%86/%E4%B8%83%E7%89%9B%E4%BA%91--%E4%B8%83%E7%89%9B%E4%BA%91%E5%BF%AB%E9%80%9F%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87/">七牛云快速上传图片</a>
          </li>
        
          <li>
            <a href="/2017/10/31/Gradle/Gradle--Gradle%E6%B7%BB%E5%8A%A0%E7%AC%AC%E4%B8%89%E6%96%B9%E5%BA%93%E6%8A%A5%E5%BC%82%E5%B8%B8/">Gradle添加第三方库报异常</a>
          </li>
        
          <li>
            <a href="/2017/10/26/Android%20Studio/%E8%A7%A3%E5%86%B3Android-Studio-Gradle-%E9%94%99%E8%AF%AF-%E7%BC%96%E7%A0%81GBK%E7%9A%84%E4%B8%8D%E5%8F%AF%E6%98%A0%E5%B0%84%E5%AD%97%E7%AC%A6/">解决Android Studio Gradle 错误 编码GBK的不可映射字符</a>
          </li>
        
      </ul>
    </div>
  </div>

  
</aside>
        
      </div>
      <footer id="footer">
  
  <div class="outer">
    <div id="footer-info" class="inner">
      
      &copy; 2021 wxyass<br>
      Powered by <a href="https://hexo.io/" target="_blank">Hexo</a>
    </div>
  </div>
</footer>

    </div>
    <nav id="mobile-nav">
  
    <a href="/" class="mobile-nav-link">Home</a>
  
    <a href="/archives" class="mobile-nav-link">Archives</a>
  
</nav>
    


<script src="/js/jquery-3.4.1.min.js"></script>



  
<script src="/fancybox/jquery.fancybox.min.js"></script>




<script src="/js/script.js"></script>





  </div>
</body>
</html>